<script>
export default {
	onLaunch: function () {
		console.log('App Launch')
		// this.globalData.url = 'http://192.168.1.164:8887/dev-api/'
		// this.globalData.url = 'http://192.168.1.7:8002/'
		// this.globalData.url = 'http://192.168.1.122:8887/dev-api/'
		this.globalData.url = 'https://chebo.h-shock.com/'
		// this.globalData.url = 'http://119.91.132.36:8591/'
	},
	onShow: function () {
		console.log('App Show')
	},
	onHide: function () {
		console.log('App Hide')
	}
}
</script>

<style lang="scss">
@import url(@/static/css/iconfont.css);

/*每个页面公共css */
.box-title {
	width: 100%;
	height: 3.888vh;
	background: linear-gradient(90deg, rgba(20, 76, 134, .4) 0%, rgba(15, 50, 85, .4) 100%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-left: 2px solid #26DDF2;
	box-sizing: border-box;
	position: relative;
	padding: 0 0.8333vw 0 1.25vw;
	box-sizing: border-box;
	font-family: Alimama;
	font-size: 0.8333vw;
}

.box-title .triangle {
	border-top: 0.5208vw solid transparent;
	border-bottom: 0.5208vw solid transparent;
	border-left: 0.5208vw solid #FD8F21;
	border-right: 0.5208vw solid transparent;
	position: absolute;
	top: 50%;
	left: 0.3125vw;
	transform: translate(0, -50%);
}

.box-title>div:nth-child(2) {
	color: #fff;
}

.box-title>div:nth-child(3) {
	color: #2BC5F3;
	cursor: pointer;
}

.box-title-tip {
	display: flex;
	align-items: center;
	font-family: PingFang SC, PingFang SC;
	padding: 0.5vh 0.6vw;
	border-radius: 0.8vw;
	border: 1px solid #FD5421;
	font-size: 0.7vw;
	font-weight: 400;
	margin-left: 0.6vw;
}

.box-title-error {
	display: inline-block;
	width: 0.8vw;
	height: 0.8vw;
	line-height: 0.8vw;
	font-size: 0.55vw;
	text-align: center;
	border-radius: 50%;
	background: #FD5421;
	font-weight: 600;
	color: rgba(15, 50, 85, 1);
	margin-right: 0.2vw;
}

.box-title-num {
	margin: 0 0.2vw;
	font-size: 0.7vw;
	font-family: PingFang SC, PingFang SC;
	font-weight: 600;
	color: #FD5421;
}

/* 关闭按钮 */
.close-item {
	z-index: 99;
	position: absolute;
	right: 0.6vw;
	top: 0.6vw;
}

.close-item>img {
	width: 0.8vw;
	height: 0.8vw;
}

.hoverClass:hover {
	cursor: pointer;
}

/* 分页 */
.pages-box {
	/* border: 1px solid black; */
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.pages {
	/* border: 1px solid black; */
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.pages-total {
	font-size: 0.6771vw;
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	color: #999999;
	margin-right: 0.9vw;
}

.pagesSize {
	font-size: 0.6771vw;
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	color: #999999;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 0.8vw;
}

.pagesSize>input {
	margin: 0 0.4vw;
	text-align: center;
	width: 2.9167vw;
	height: 1.5625vw;
	background: linear-gradient(180deg, rgba(43, 142, 243, 0) 0%, rgba(43, 142, 243, 0.2) 100%);
	border: 1px solid rgba(43, 142, 243, 0.5);
}

uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
	/* 隐藏滚动条，但依旧具备可以滚动的功能 */
	display: none;
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: none;
	background: transparent;
	color: transparent;
}

.date-picker {
	background: #00152B !important;
	border: 1px solid rgba(29, 122, 217, 0.4) !important;

	.cell {
		color: #ffffff !important;

		&:hover {
			color: #0085ff !important;
		}
	}

	.current {
		.cell {
			background: #0085ff !important;
			border-radius: 18px !important;

			&:hover {
				color: #ffffff !important;
			}
		}
	}

	.today {
		.cell {
			color: #0085ff !important;
		}
	}

	.current.today {
		.cell {
			color: #ffffff !important;
		}
	}

	.el-date-picker__header-label {
		color: #ffffff !important;

		&:hover {
			color: #0085ff !important;
		}
	}

	.el-picker-panel__icon-btn {
		color: #ffffff !important;

		&:hover {
			color: #0085ff !important;
		}
	}

	.popper__arrow {
		&::after {
			border-top-color: #0085FF !important;
			bottom: 0px !important;
		}
	}

	.el-date-picker__header--bordered {
		border-color: #0085FF !important;
	}

	.el-date-table {
		th {
			color: #ffffff !important;
			border-color: #0085ff !important;
		}

		.prev-month,
		.next-month {
			color: rgba(255, 255, 255, 0.5) !important;
		}

		.el-date-table__row {
			.available {
				color: #ffffff !important;

				&:hover {
					color: #0085ff !important;
				}
			}
		}
	}
}

.el-range-separator {
	color: #fff !important;
	line-height: 1.2979vw !important;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
	background-color: rgba(29, 122, 217, 0.4) !important;
}

.el-range__icon,
.el-date-editor .el-range__close-icon {
	line-height: 1.2979vw !important;
	color: rgba(255, 255, 255, .3) !important;
}

.el-range-editor .el-range-input {
	background-color: transparent !important;
	color: #fff !important;
}

.el-date-range-picker__header div {
	color: #fff !important;
}

.el-date-range-picker__content.is-left {
	border-right: 1px solid #0b3e71;
}

.el-range-input::placeholder {
	color: rgba(255, 255, 255, .3) !important;
}
.el-popper[x-placement^=bottom] .popper__arrow {
	border-bottom-color: #0b3e71 !important;
}
.el-popper[x-placement^=bottom] .popper__arrow::after{
	border-bottom-color: #00152b !important;	
	
}
.el-date-editor.el-input, .el-date-editor.el-input__inner {
	width: 12.5vw !important;
}
</style>
